<!-- 
  Create tabs with an icon and label, using the tabs-positive style. 
  Each tab's child <ion-nav-view> directive will have its own 
  navigation history that also transitions its views in and out.
-->
<ion-tabs class="tabs-icon-top">


  <!-- Dashboard Tab -->
  <ion-tab title="Dashboard" icon="icon ion-home">
    <ion-nav-view name="tab-dash">
	
		<ion-view title="Dashboard">
		  <ion-content class="padding">
			<h1>Dash</h1>
		  </ion-content>
		</ion-view>	
	
	</ion-nav-view>
  </ion-tab>


  <!-- Friends Tab -->
  <ion-tab title="Friends" icon="icon ion-heart">
    <ion-nav-view name="tab-friends">

		<ion-view title="Friends">
		  <ion-content>
			<!--<ion-list>
			  <ion-item ng-repeat="friend in friends" type="item-text-wrap" href="#/tab/friend/{{friend.id}}">
				{{friend.name}}
			  </ion-item>
			</ion-list>-->
		  </ion-content>
		</ion-view>	
	
	</ion-nav-view>
  </ion-tab>


  <!-- Account Tab -->
  <ion-tab title="Account" icon="icon ion-gear-b">
    <ion-nav-view name="tab-account">
	
		<ion-view title="Account">
		  <ion-content class="padding">
			<h1>Account</h1>
		  </ion-content>
		</ion-view>	
	
	</ion-nav-view>
  </ion-tab>


</ion-tabs>
